
<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:panelGrid columns="2" columnClasses="panelGridTop,panelGridTop" id="pgCronologia" >
       
            <p:panel header="Filtros" style="width: 220px;">

                <h:panelGrid columns="2" cellpadding="1" cellspacing="0" >
                    <h:outputText value="Desde" />
                    <p:calendar value="#{cuentaCorrienteBean.fDesde}" pattern="dd/MM/yyyy" size="12" locale="es"
                                    navigator="true" required="true" requiredMessage="La fecha desde es obligatoria"
                                    mindate="#{cuentaCorrienteBean.fechaMinima}" maxdate="#{cuentaCorrienteBean.fechaMaxima}" />

                    <h:outputText value="Hasta " />
                    <p:calendar value="#{cuentaCorrienteBean.fHasta}" pattern="dd/MM/yyyy" size="12" locale="es"
                                    navigator="true" required="true" requiredMessage="La fecha hasta es obligatoria"
                                    mindate="#{cuentaCorrienteBean.fechaMinima}" maxdate="#{cuentaCorrienteBean.fechaMaxima}" />
                </h:panelGrid>

                <div style="text-align: center;">
                    <p:commandButton value="Consultar" icon="find16" 
                                     actionListener="#{cuentaCorrienteBean.consultarHistorial}"                                     
                                     update="pgCronologia"/>
                </div>
          
            </p:panel>
        
           <p:panel header="Movimentos históricos" >
            
            <p:dataTable id="tablaHistorial" value="#{cuentaCorrienteBean.historial}"
                         var="i" paginator="true" rows="6"
                         emptyMessage="No se han encontrado documentos en el historial"
                         style="width: 650px;" >

                <p:column headerText="Documento" style="text-align: center;" >

                    <h:outputText value="#{i.codfor} " />
                    
                    <h:outputText value="#{i.sucurs}" >
                        <f:convertNumber pattern="0000" />
                    </h:outputText>
                    
                    <h:outputText value="#{i.nrofor}" >
                        <f:convertNumber pattern="-00000000" />
                    </h:outputText>
                    
                </p:column>

                <p:column headerText="Fecha" style="text-align: center;" >
                    <h:outputText value="#{i.fchmov}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>

                <p:column headerText="Debe" style="text-align: right" >
                    <h:outputText value="#{i.debe}"  rendered="#{i.debe > 0}">
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </p:column>

                <p:column headerText="Haber" style="text-align: right;" >
                    <h:outputText value="#{i.haber}" rendered="#{i.haber > 0}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </p:column>

                <p:column headerText="Saldo" style="text-align: right;" >
                    
                    <h:outputText value="#{i.saldo}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                    
                </p:column>

            </p:dataTable>

            
               <h:commandLink id="expExcel" >
               
                   <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/icono-excel-2.png" />                                
                   <p:dataExporter type="xls" target="tablaHistorial" fileName="#{usuarioSessionBean.usuario.cliente.nrocta}-movimientos-hist" 
                                postProcessor="#{cuentaCorrienteBean.postProcessXLS}"  />
               </h:commandLink>
               <p:tooltip id="toolTipXLS" for="expExcel" value="Exportar resultados a excel" />
               
 
               <p:spacer width="10" />
               
               <h:commandLink id="expPDF">
                <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/icono-pdf-2.png" />                
                <p:dataExporter type="pdf" target="tablaHistorial" fileName="#{usuarioSessionBean.usuario.cliente.nrocta}-movimientos-hist" />
            </h:commandLink>
               <p:tooltip id="toolTipPDF" for="expPDF" value="Exportar resultados a pdf" />

        
        </p:panel>
            
        </h:panelGrid>

    
</ui:composition>
